<template>
  <Card
    title="个人信息"
  >
    <a-descriptions>
      <a-descriptions-item label="姓">{{ user.last_name }}</a-descriptions-item>
      <a-descriptions-item label="名">{{ user.first_name }}</a-descriptions-item>
      <a-descriptions-item label="出生日期">{{ user.user_info.birthday }}</a-descriptions-item>
      <a-descriptions-item label="性别">{{ user.user_info.gender === null ? '/' : (user.user_info.gender === '1' ? '男' : '女') }}</a-descriptions-item>
      <a-descriptions-item label="居住地址">{{ user.user_info | address }}</a-descriptions-item>
    </a-descriptions>

    <a-descriptions>
      <a-descriptions-item label="驾照号码">{{ user.user_info.driver_licence_number }}</a-descriptions-item>
      <a-descriptions-item label="驾照有效期">{{ user.user_info.driver_expire_date }}</a-descriptions-item>
      <a-descriptions-item label="驾照签发地">{{ user.user_info.driver_state }}</a-descriptions-item>
    </a-descriptions>
  </Card>
</template>

<script>
import { Card } from '@/components'
import props from './props'

export default {
  mixins: [props],

  components: {
    Card,
  },
}
</script>

<style lang="scss" scoped>
</style>
